<template>
    <div class="area-navcard">
        <h3>{{ props.title }}</h3>
    </div>
</template>

<script setup>
defineOptions({
    name: 'AreaCard'
})

const props = defineProps({
    title: {
        type: String,
        default: "山东龙————穿越白垩纪"
    }
})
</script>

<style lang="scss" scoped>
.area-navcard {
    padding: 60px 43px;
    writing-mode: vertical-lr;
    color: white;
    font-size: 22px;
    background-color: rgb(73, 61, 47);
    position: relative;

    h3 {
        font-weight: normal;
    }
}
</style>